import { PageContainer } from '@ant-design/pro-components';
import { Card, Descriptions, Divider } from 'antd';
import type { FC } from 'react';

const Basic: FC = () => {
  return (
    <PageContainer>
      <Card bordered={false}>
        <Descriptions
          title="租户详情"
          style={{
            marginBottom: 32,
          }}
        >
          <Descriptions.Item label="状态">使用中</Descriptions.Item>
        </Descriptions>
        <Divider
          style={{
            marginBottom: 32,
          }}
        />
        <Descriptions
          title="基本信息"
          style={{
            marginBottom: 32,
          }}
        >
          <Descriptions.Item label="手机号">18100000000</Descriptions.Item>
          <Descriptions.Item label="备注">无</Descriptions.Item>
        </Descriptions>
        <Divider
          style={{
            marginBottom: 32,
          }}
        />
      </Card>
    </PageContainer>
  );
};
export default Basic;
